<template>
    <div class="evaluate">
        <svg data-v-d6903dc1="" t="1718879091593" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24092" width="40" height="40"><path data-v-d6903dc1="" d="M836.152889 175.995259a75.851852 75.851852 0 0 1 75.851852 75.851852v424.296296a75.851852 75.851852 0 0 1-75.851852 75.851852H612.788148l-69.726815 99.612445a37.925926 37.925926 0 0 1-6.674963 7.30074l-2.654814 2.029037a37.925926 37.925926 0 0 1-50.915556-6.845629l-1.896296-2.465185-69.726815-99.631408H187.847111a75.851852 75.851852 0 0 1-75.851852-75.851852V251.847111a75.851852 75.851852 0 0 1 75.851852-75.851852h648.305778zM512 415.990519A47.995259 47.995259 0 1 0 512 512a47.995259 47.995259 0 0 0 0-96.009481z m-192 0a47.995259 47.995259 0 1 0 0 96.009481 47.995259 47.995259 0 0 0 0-96.009481z m384 0a47.995259 47.995259 0 1 0 0 96.009481 47.995259 47.995259 0 0 0 0-96.009481z" fill="#FEA917" p-id="24093"></path></svg>
        <div class="userCenter_title">我的評價</div>
        <div class="eva_main">
            <div class="eva_item" v-for="(item,index) in 5" :key="index">
                <div class="eva_game_img">
                    <img width="60" src="https://www.91easyplay.com/data/upload/game/2023-12-19/65811fd405fe7.png" alt="">
                </div>
                <div class="eva_item_title">
                    <div class="eva_item_title_left">
                        <div class="eva_item_title_left_name">时空猎人3</div>
                        <div class="eva_item_title_left_time">2021-01-01</div>
                    </div>
                    <div class="eva_item_title_right">
                        123456
                    </div>
                </div>
            </div>            
        </div>
    </div>

</template>

<script setup>

</script>

<style lang="less" scoped>
.evaluate{
    .userCenter_title{
        margin-top: 2px;
    }
    .eva_main{
        
        .eva_item{
            width: 100%;
            margin-top: 20px;
            border-bottom: 1px solid rgba(0, 0, 0, .08);
            .eva_game_img{
                float: left;
            }
            .eva_item_title{
                position: relative;
                top: 3px;
                padding-bottom: 30px;
                .eva_item_title_left{
                    display: flex;
                    padding-left: 10px;
                    justify-content: space-between;
                }
                .eva_item_title_left > *{
                    margin: initial;
                }
                .eva_item_title_right{
                    margin-left: 70px;
                    margin-top: 10px;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    word-break: break-all;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    font-size: 14px;
                    color: rgba(0, 0, 0, .6);
                }
            }
        }
    }
}
</style>